.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.show-cropper-container {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.show-cropper-btn {
    bottom: 10px;
    right: 10px;
}

.file-upload-img {
    width: 33.33%;
    // img,
    div {
        padding: calc(100% / 3) calc((100% - 256px) / 3) 0 0;
    }
    img {
        width: calc(100% / 3);
    }
}

.ql-container.ql-snow,
.ql-editor.ql-blank,
.ql-editor {
    min-height: 300px !important;
}

.quill-upload-img {
    opacity: 0;
    z-index: -1;
}

.el-message {
    top: 20px !important;
}

.red-color {
    color: #f56c6c !important;
}

button:focus {
    outline: unset;
}

.ellipsis {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ellipsis-2 {
    word-break: break-all;
    white-space: normal;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.el-cascader-menu {
    max-height: 500px;
}

.category-detail-page .text-center button.el-button {
    width: 80px;
}

.el-loading-spinner{
    width: auto !important;
    left: 50%;
}
